@use './weak/index.scss' as *;
@use './gray/index.scss' as *;
@use './variables.scss' as *;
@use './sidebar.scss' as *;
@use './element-plus.scss' as *;
@use './transition.scss' as *;
@use './scrollbar.scss' as *;

html {
  font-family: 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'PingFang SC', 'WenQuanYi Micro Hei', Arial, sans-serif;
  font-weight: normal;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

#app {
  height: 100%;
}

.icon {
  height: 1em;
  width: 24px;
  text-align: center;
  font-size: 18px;
}

a {
  text-decoration: none;
}

$start: 0;
$end: 30;

@for $i from $start through $end {
  .m-#{$i} {
    margin: #{$i}px;
  }

  .ml-#{$i} {
    margin-left: #{$i}px;
  }
  .mt-#{$i} {
    margin-top: #{$i}px;
  }
  .mr-#{$i} {
    margin-right: #{$i}px;
  }
  .mb-#{$i} {
    margin-bottom: #{$i}px;
  }

  .p-#{$i} {
    padding: #{$i}px;
  }
  .pl-#{$i} {
    padding-left: #{$i}px;
  }
  .pt-#{$i} {
    padding-top: #{$i}px;
  }
  .pr-#{$i} {
    padding-right: #{$i}px;
  }
  .pb-#{$i} {
    padding-bottom: #{$i}px;
  }
}

.fl {
  float: left;
}

.fr {
  float: right;
}
